:root {
    /* 暗色主题变量 */
    --dark-primary-bg: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
    --dark-player-bg: rgba(26, 26, 46, 1);
    --dark-titlebar-bg: rgba(20, 20, 35, 0.5);
    --dark-text-color: #fff;
    --dark-secondary-text: #ddd;
    --dark-accent-color: #4ecca3;
    --dark-accent-gradient: linear-gradient(45deg, #4ecca3, #2a9d8f);
    --dark-control-bg: rgba(255, 255, 255, 0.08);
    --dark-progress-bg: rgba(255, 255, 255, 0.1);
    --dark-playlist-bg: rgba(255, 255, 255, 0.05);
    --dark-scrollbar-thumb: #4ecca3;
    --dark-border-color: rgba(255, 255, 255, 0.1);
    --dark-titlebar-border: rgba(255, 255, 255, 0.05);

    /* 亮色主题变量 */
    --light-primary-bg: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    --light-player-bg: rgba(245, 247, 250, 1);
    --light-titlebar-bg: rgba(230, 233, 239, 0.5);
    --light-text-color: #333;
    --light-secondary-text: #555;
    --light-accent-color: #4ecca3;
    --light-accent-gradient: linear-gradient(45deg, #4ecca3, #2a9d8f);
    --light-control-bg: rgba(0, 0, 0, 0.06);
    --light-progress-bg: rgba(0, 0, 0, 0.1);
    --light-playlist-bg: rgba(0, 0, 0, 0.04);
    --light-scrollbar-thumb: #4ecca3;
    --light-border-color: rgba(0, 0, 0, 0.1);
    --light-titlebar-border: rgba(0, 0, 0, 0.05);

    /* 默认为白色主题 */
    --primary-bg: var(--light-primary-bg);
    --player-bg: var(--light-player-bg);
    --titlebar-bg: var(--light-titlebar-bg);
    --text-color: var(--light-text-color);
    --secondary-text: var(--light-secondary-text);
    --accent-color: var(--light-accent-color);
    --accent-gradient: var(--light-accent-gradient);
    --control-bg: var(--light-control-bg);
    --progress-bg: var(--light-progress-bg);
    --playlist-bg: var(--light-playlist-bg);
    --scrollbar-thumb: var(--light-scrollbar-thumb);
    --border-color: var(--light-border-color);
    --titlebar-border: var(--light-titlebar-border);

}

.dark-theme {
    --primary-bg: var(--dark-primary-bg);
    --player-bg: var(--dark-player-bg);
    --titlebar-bg: var(--dark-titlebar-bg);
    --text-color: var(--dark-text-color);
    --secondary-text: var(--dark-secondary-text);
    --accent-color: var(--dark-accent-color);
    --accent-gradient: var(--dark-accent-gradient);
    --control-bg: var(--dark-control-bg);
    --progress-bg: var(--dark-progress-bg);
    --playlist-bg: var(--dark-playlist-bg);
    --scrollbar-thumb: var(--dark-scrollbar-thumb);
    --border-color: var(--dark-border-color);
    --titlebar-border: var(--dark-titlebar-border);
}